<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>



    <!--伪类  给元素添加特殊的效果
       伪类 给元素添加特殊的效果
			:link 未访问过的链接初始颜色
			:visited 访问过后的链接颜色
			:hover 鼠标移入（悬停）
			:active 鼠标按下时链接的颜色

			L V H A  顺序

    -->

    <style>

        a{

            text-decoration:none ;
        }


        a:link{

            color: black;
        }


        a:visited{

            color: pink;
        }

        a:hover{

            color: red;
        }

        a:active{
            color: orange;
        }

        span{

            color: blue;
        }

    </style>
</head>
<body>


<a href="https://www.baidu.com/"><span>今日头条</span>  超链接</a>

</body>
</html>